<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="Access-Control-Allow-Origin" content="*.sohu.com">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/common/swiper-3.4.2.min.css"/>
	</head>

	<body>
		<div class="web">
			<!--中英文切换弹窗-->
			<div class="language-cut">
				<div class="cut-btn">
					<p>We've detected that your IP location is in China.Would you like to change language into Chinese?</p>
					<p>已经检测到你的IP地址在中国大陆地区，是否将显示语言转换成中文？</p>
					<div>
						<div class="yes">Yes</div>
						<div class="no">No</div>
					</div>
				</div>
			</div>
			<div class="web_box">
				<!--头部	S-->
				<header>
					<div class="logo"><img src="img/logo.png"/></div>
					<div class="nav">
						<ul  class="menu">
							<li class="menuDesc">
								<a href="#">
									<i><img src="img/bar_1.png"/></i>
									<span>产品介绍</span>
								</a>
								<!--二级菜单下拉框-->
								<div class="menu-lsit">
									<ul>
										<li>
											<a href="#">全部产品</a>
										</li>
										<li>
											<a href="#" class="product-detail">
												<div class="product-img">
													<img src="img/product-img.png"/>
												</div>
												<div class="product-desc">
													<h4>阿拉斯加深海鱼油软胶囊</h4>
													<p>KR格林泰乐阿拉斯加深海鲑鱼油胶囊是以深海鲑鱼为原料，采取现代技术，提和浓缩而成的保健食品。</p>
												</div>
											</a>
											<a href="#" title="Cardio-cerebrovascular">Cardio-cerebrovascular</a>
											<div class="product-list">
												<ul>
													<li><a href="#">阿拉斯加深海鱼油软胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
												</ul>
											</div>
										</li>
										<li>
											<a href="#" class="product-detail">
												<div class="product-img">
													<img src="img/product-img.png"/>
												</div>
												<div class="product-desc">
													<h4>阿拉斯加深海鱼油软胶囊</h4>
													<p>Whenever people agree with me, I always feel I must be wrong.</p>
												</div>
											</a>
											<a href="#">心脑血管健康系列</a>
											<div class="product-list">
												<ul>
													<li><a href="#">阿拉斯加深海鱼油软胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
												</ul>
											</div>
										</li>
										<li>
											<a href="#" class="product-detail">
												<div class="product-img">
													<img src="img/product-img.png"/>
												</div>
												<div class="product-desc">
													<h4>阿拉斯加深海鱼油软胶囊</h4>
													<p>KR格林泰乐阿拉斯加深海鲑鱼油胶囊是以深海鲑鱼为原料，采取现代技术，提和浓缩而成的保健食品。</p>
												</div>
											</a>
											<a href="#">心脑血管健康系列</a>
											<div class="product-list">
												<ul>
													<li><a href="#">阿拉斯加深海鱼油软胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
												</ul>
											</div>
										</li>
										<li>
											<a href="#" class="product-detail">
												<div class="product-img">
													<img src="img/product-img.png"/>
												</div>
												<div class="product-desc">
													<h4>阿拉斯加深海鱼油软胶囊</h4>
													<p>KR格林泰乐阿拉斯加深海鲑鱼油胶囊是以深海鲑鱼为原料，采取现代技术，提和浓缩而成的保健食品。</p>
												</div>
											</a>
											<a href="#">心脑血管健康系列</a>
											<div class="product-list">
												<ul>
													<li><a href="#">阿拉斯加深海鱼油软胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
												</ul>
											</div>
										</li>
										<li>
											<a href="#" class="product-detail">
												<div class="product-img">
													<img src="img/product-img.png"/>
												</div>
												<div class="product-desc">
													<h4>阿拉斯加深海鱼油软胶囊</h4>
													<p>KR格林泰乐阿拉斯加深海鲑鱼油胶囊是以深海鲑鱼为原料，采取现代技术，提和浓缩而成的保健食品。</p>
												</div>
											</a>
											<a href="#">心脑血管健康系列</a>
											<div class="product-list">
												<ul>
													<li><a href="#">阿拉斯加深海鱼油软胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
													<li><a href="#">阿拉斯加深海鲑鱼胶囊</a></li>
												</ul>
											</div>
										</li>
										<li><a href="#">产品搭配</a></li>
									</ul>
								</div>
							</li>
							<li class="menuDesc">
								<a href="brandStory.html">
									<i><img src="img/bar_2.png"/></i>
									<span>品牌故事</span>
								</a>
							</li>
							<li class="menuDesc">
								<a href="healthInformation.html">
									<i><img src="img/bar_3.png"/></i>
									<span>健康资讯</span>
								</a>
							</li>
							<li class="menuDesc">
								<a href="#">
									<i><img src="img/bar_4.png"/></i>
									<span>关于我们</span>
								</a>
								<!--二级菜单下拉框-->
								<div class="menu-lsit">
									<ul>
										<li><a href="aboutUs.html">联系我们</a></li>
										<li><a href="news.html">新闻资讯</a></li>
									</ul>
								</div>
							</li>
						</ul>
						<!--中英文切换-->
						<div class="lang-cut">
							<p>
								<span>中文</span>
								<span>English</span>
							</p>
						</div>
					</div>
				</header>
				<!--头部	E-->
				<!--轮播图	S-->
				<div class="banner index_kv swiper-container">
					<!--图片区-->
					<div class="tu swiper-wrapper">
						<div class="swiper-slide"><a href="#"><img src="img/index-banner1.jpg" alt="" /></a></div>
						<div class="swiper-slide"><a href="#"><img src="img/index-banner3.jpg" alt="" /></a></div>
						<div class="swiper-slide"><a href="#"><img src="img/index-banner1.jpg" alt="" /></a></div>
						<div class="swiper-slide"><a href="#"><img src="img/index-banner3.jpg" alt="" /></a></div>
					</div>
					<!--小圆点-->
					<div class="swiper-pagination"></div>
					<!--左右按钮区-->
					
					<div class="swiper-button-prev iconfont icon-zuoyoujiantou"></div>
					<div class="swiper-button-next iconfont icon-zuoyoujiantou2"></div>
				
				</div>
				<!--轮播图	E-->
				<!--产品系列	S-->
				<div class="index_series">
					<div class="title">
						<h2>产品系列</h2>
						<p>Product line</p>
					</div>
					<div class="series_box">
						<ul class="clearfix">
							<li class="fl">
								<a href="">
									<div class="series_info trsition_3">
										<img src="img/product-line-banner1.jpg" alt="" />
										<p>心脑血管系列</p>
									</div>
								</a>
							</li>
							<li class="fl">
								<a href="">
									<div class="series_info trsition_3">
										<img src="img/product-line-banner2.jpg" alt="" />
										<p>骨头关节系列</p>
									</div>
								</a>
							</li>
							<li class="fl">
								<a href="">
									<div class="series_info trsition_3">
										<img src="img/product-line-banner3.jpg" alt="" />
										<p>基础营养系列</p>
									</div>
								</a>
							</li>
							<li class="fl">
								<a href="">
									<div class="series_info trsition_3">
										<img src="img/product-line-banner4.jpg" alt="" />
										<p>免疫健康系列</p>
									</div>
								</a>
							</li>
							<li class="fl">
								<a href="">
									<div class="series_info trsition_3">
										<img src="img/product-line-banner5.jpg" alt="" />
										<p>睡眠健康系列</p>
									</div>
								</a>
							</li>
							<li class="fl">
								<a href="">
									<div class="series_info trsition_3">
										<img src="img/product-line-banner6.jpg" alt="" />
										<p>肠道健康系列</p>
									</div>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<!--产品系列	E-->
				<!--产品	S-->
				<div class="index_product">
					<div class="title">
						<h2>产品</h2>
						<p>Product</p>
					</div>
					<div class="product_box swiper-container wrap-lunbo">
						<ul class="clearfix img-ct swiper-wrapper">
							<li class="fl swiper-slide">
								<a href="">
									<div class="product_info trsition_3">
										<div class="i-product-img">
											<img src="img/i-product1.png" alt="" />
										</div>
										<p>蛋白粉</p>
										<div class="triangle"></div>
									</div>
								</a>
							</li>
							<li class="fl swiper-slide">
								<a href="">
									<div class="product_info trsition_3">
										<div class="i-product-img">
											<img src="img/i-product2.png" alt="" />
										</div>
										<p>钙维生素D软胶囊</p>
										<div class="triangle"></div>
									</div>
								</a>
							</li>
							<li class="fl swiper-slide">
								<a href="">
									<div class="product_info trsition_3">
										<div class="i-product-img">
											<img src="img/i-product3.png" alt="" />
										</div>
										<p>鲑鱼油胶囊</p>
										<div class="triangle"></div>
									</div>
								</a>
							</li>
							<li class="fl swiper-slide">
								<a href="">
									<div class="product_info trsition_3">
										<div class="i-product-img">
											<img src="img/i-product4.png" alt="" />
										</div>
										<p>维生素E胶囊</p>
										<div class="triangle"></div>
									</div>
								</a>
							</li>
							<li class="fl swiper-slide">
								<a href="">
									<div class="product_info trsition_3">
										<div class="i-product-img">
											<img src="img/i-product5.png" alt="" />
										</div>
										<p>天然芦荟津</p>
										<div class="triangle"></div>
									</div>
								</a>
							</li>
							<li class="fl swiper-slide">
								<a href="">
									<div class="product_info trsition_3">
										<div class="i-product-img">
											<img src="img/i-product5.png" alt="" />
										</div>
										<p>天然芦荟津</p>
										<div class="triangle"></div>
									</div>
								</a>
							</li>
						</ul>
						<div class="swiper-button-prev iconfont icon-zuoyoujiantou"></div>
						<div class="swiper-button-next iconfont icon-zuoyoujiantou2"></div>
					</div>
					<a class="product_btn trsition_3" href="">更多产品&gt;&gt;&gt;</a>
				</div>
				<!--产品	E-->
				<!--健康资讯	S-->
				<div class="index_info">
					<div class="title">
						<h2>健康资讯</h2>
						<p>health information</p>
					</div>
					<ul class="clearfix">
						<li class="fl trsition_3">
							<div class="i_img">
								<img src="img/article-one.jpg" alt="" />
							</div>
							<!--<p>Magical Omega-3Magical Omega-3Magical Omega-3, cardio-cerebrovascular protection factor found from Eskimo.</p>-->
							<p>动脉粥样硬化——高致亡率心血管疾病的主要病因</p>
							<a href="">了解更多</a>
						</li>
						<li class="fl trsition_3">
							<div class="i_img">								
								<img src="img/article-two.jpg" alt="" />
							</div>
							<p>心脑血管疾在不同阶段的症状是什么？</p>
							<a href="">了解更多</a>
						</li>
						<li class="fl trsition_3">
							<div class="i_img">								
								<img src="img/article-three.jpg" alt="" />
							</div>
							<p>神奇的Omega-3，发现自爱斯基摩人的心脑血管守护银子</p>
							<a href="">了解更多</a>
						</li>
					</ul>
				</div>
			</div>
			<!--底部	E-->
			<footer>
				<div class="partner">
					<a href="#"><img src="img/bar-youtube.png"/></a>
					<a href="#"><img src="img/bar-weibo.png"/></a>
				</div>
				<div class="copyright">
					<p><a href="" style="color: #fff;">备案号：粤1111111111</a></p>
					<p>本网站版权归维乐维健康产业有限公司所有</p>
					<p>联系电话：400-930-9930</p>
				</div>
			</footer>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>  
		<script type="text/javascript">
			var _cip = returnCitySN["cip"],
				_city = returnCitySN["cname"];
			console.log(_cip+','+_city);
		</script>
		<!--<script src="js/isChina.js" type="text/javascript" charset="utf-8"></script>-->
	</body>

</html>